.Del-Services-container {
    width: 100%;
    .About-us-explain {
        .center;
        .explain-items;
        padding-bottom: 55px;
        border-bottom: 1px solid #ccc;
    }
    .reasons {
        .center;
        margin-top: 55px;
        ul {
            width: 100%;
            margin: 0 auto;
            .li-right {
                margin-left: 8%;
            }
            li {
                float: left;
                width: 46%;
                margin-bottom: 50px;
                .reasonsli {
                    float: left;
                    .reasons-left {
                        float: left;
                        width: 80px;
                        margin: 0 20px;
                        img {
                            transition: 0.2s;
                            &:hover {
                                transform: scale(1.2,1.2);
                            }
                        }
                    }
                    .reasons-right {
                        float: left;
                        h4 {
                            font-weight: 600;
                            a {
                                color: #5F5B5B;
                                &:hover {
                                    color: #449D44;
                                }
                            }
                        }
                        .item {
                            max-width: 340px;
                            display: inline-block;
                            margin-top: 10px;
                            font-size: 16px;
                            color: #8f8f8f;
                        }
                    }
                }
            }
        }
    }
    .pricing {
        width: 100%;
        text-align: center;
        margin: 0 auto;
        background: #efefef;
        padding-bottom: 10px;
        .intro {
            width: 70%;
            margin:0px auto;
            padding-top: 55px;
            h4 {
                font-weight: 600;
                a {
                    color: #5F5B5B;
                    &:hover {
                        color: #449D44;
                    }
                }
            }
            .item {
                display: inline-block;
                margin-top: 10px;
                font-size: 16px;
                color: #8F8F8F;
            }
        }
        .packages{
            .center;
            .sepul{
                margin-top: 55px;
                .sepli{
                    width: 24%;
                    margin-left: 1%;
                    margin-bottom: 55px;
                    float: left;
                    transition: 0.2s;
                        &:hover {
                            transform: scale(1.05,1.1);
                        }
                    .sep{
                        background: white;
                        ul{
                            li{
                                width: 90%;
                                margin:0 auto;
                                font-size: 16px;
                                color: #8f8f8f;
                                line-height: 40px;
                                border-bottom:1px solid #ccc;
                            }
                            .sep-frist{
                                width: 100%;
                                color: white;
                                font-size: 24px;
                                font-weight: bold;
                                padding: 20px 0;
                                background: #87b672;
                            }
                            .sep-second{
                                color: #666262;
                                padding: 10px 0;
                                font-size: 40px;
                                font-weight: 600;
                                span{
                                    font-size: 16px;
                                    position: relative;
                                    bottom: 16px;
                                }
                            }
                            .last{
                                width: 100%;
                                background: #87b672;
                                .explain-button {
                                    padding: 20px 0;
                                    input {
                                        width: 110px;
                                        height: 30px;
                                        text-align: center;
                                        color: #fff;
                                        font-size: 12px;
                                        background: #A5C895;
                                        font-weight: 600;
                                        border: 0;
                                    }
                                    a:hover input {
                                        background: #6ab14b;
                                    }
                                }
                            }
                        }
                    }
                }
                .sepitem{
                }
            }
        }
    }
    .About-us-work {
        .center;
        .work-explain {
            margin: 55px 0;
            padding-bottom: 55px;
            border-bottom: 1px solid #ccc;
            .explain-item {
                float: left;
                width: 28%;
                margin-left: 8%;
                h4 {
                    color: #5f5b5b;
                    font-weight: 600;
                }
                .item {
                    margin-top: 20px;
                    font-size: 16px;
                    color: #8f8f8f;
                }
            }
            .explain-left {
                margin-left:0;
            }
        }
    }
    .About-us-needyou {
        .needyou-explain {
            .center;
            .explain-items;
            .explain-button {
                padding: 20px 0 55px;
                input {
                    width: 110px;
                    height: 30px;
                    text-align: center;
                    color: #fff;
                    font-size: 12px;
                    background: #87b672;
                    font-weight: 600;
                    border: 0;
                }
                a:hover input {
                    background: #6ab14b;
                }
            }
        }
    }
}
.fixbox{
    font-size: 24px;
    position: fixed;
    right: 40px;
    bottom: 25px;
    z-index: 9990;
    .retop,.rehome{
        width: 35px;
        height: 35px;
        line-height: 37px;
        text-align: center;
        background:#333;
        background-color: RGBA(0, 0, 0, .3);
        color: #fff;
        a{
            color: white;
        }
    }
    .retop{
        display: none;
        border-radius:2px 2px 0 0; 
    }
    .rehome{
        border-radius: 0 0 2px 2px; 
    }
    .retop:hover,.rehome:hover {
        background-color: RGBA(0, 0, 0, .7);
    }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .Del-Services-container {
        .About-us-explain {
        }
        .reasons {
            ul {
                .li-right {
                    margin-left: 0;
                }
                li {
                    .reasonsli {
                        .reasons-left {
                            margin: 0;
                            img {
                            }
                        }
                        .reasons-right {
                            h4 {
                                a {
                                }
                            }
                            .item {
                                max-width: 264px;
                            }
                        }
                    }
                }
            }
        }
        .pricing {
            .intro {
                h4 {
                    a {
                    }
                }
                .item {
                }
            }
            .packages{
                .sepul{
                    .sepli{
                        .sep{
                            ul{
                                li{
                                }
                                .sep-frist{
                                }
                                .sep-second{
                                    span{
                                    }
                                }
                                .last{
                                    .explain-button {
                                        input {
                                        }
                                    }
                                }
                            }
                        }
                    }
                    .sepitem{
                    }
                }
            }
        }
        .About-us-work {
            .work-explain {
                .explain-item {
                    width: 100%;
                    margin-left: 0;
                    margin-bottom: 40px;
                    text-align: center;
                    h4 {
                    }
                    .item {
                    }
                }
                .explain-left {
                }
            }
        }
        .About-us-needyou {
            .needyou-explain {
                .explain-button {
                    input {
                    }
                }
            }
        }
    }
    .fixbox{
        .retop,.rehome{
            a{
            }
        }
        .retop{
        }
    }
}
@media only screen and (min-width: 500px) and (max-width: 768px) {
    .Del-Services-container {
        .About-us-explain {
        }
        .reasons {
            ul {
                max-width: 500px;
                .li-right {
                    margin-left: 0;
                }
                li {
                    width: 100%;
                    .reasonsli {
                        .reasons-left {
                            img {
                            }
                        }
                        .reasons-right {
                            h4 {
                                a {
                                }
                            }
                            .item {
                            }
                        }
                    }
                }
            }
        }
        .pricing {
            .intro {
                h4 {
                    a {
                    }
                }
                .item {
                }
            }
            .packages{
                .sepul{
                    .sepli{
                        width: 46%;
                        margin:0 2%;
                        margin-bottom: 55px;
                        .sep{
                            ul{
                                li{
                                }
                                .sep-frist{
                                }
                                .sep-second{
                                    span{
                                    }
                                }
                                .last{
                                    .explain-button {
                                        input {
                                        }
                                    }
                                }
                            }
                        }
                    }
                    .sepitem{
                    }
                }
            }
        }
        .About-us-work {
            .work-explain {
                .explain-item {
                    width: 100%;
                    margin-left: 0;
                    margin-bottom: 40px;
                    text-align: center;
                    h4 {
                    }
                    .item {
                    }
                }
                .explain-left {
                }
            }
        }
        .About-us-needyou {
            .needyou-explain {
                .explain-button {
                    input {
                    }
                }
            }
        }
    }
    .fixbox{
        .retop,.rehome{
            a{
            }
        }
        .retop{
        }
    }
}
@media only screen and (max-width: 500px) {
    .Del-Services-container {
        .About-us-explain {
        }
        .reasons {
            ul {
                max-width: 500px;
                .li-right {
                    margin-left: 0;
                }
                li {
                    width: 100%;
                    .reasonsli {
                        .reasons-left {
                            img {
                            }
                        }
                        .reasons-right {
                            h4 {
                                a {
                                }
                            }
                            .item {
                                display: none;
                            }
                        }
                    }
                }
            }
        }
        .pricing {
            .intro {
                h4 {
                    a {
                    }
                }
                .item {
                }
            }
            .packages{
                .sepul{
                    .sepli{
                        width: 46%;
                        margin:0 2%;
                        margin-bottom: 55px;
                        .sep{
                            ul{
                                li{
                                }
                                .sep-frist{
                                }
                                .sep-second{
                                    span{
                                    }
                                }
                                .last{
                                    .explain-button {
                                        input {
                                        }
                                    }
                                }
                            }
                        }
                    }
                    .sepitem{
                    }
                }
            }
        }
        .About-us-work {
            .work-explain {
                .explain-item {
                    width: 100%;
                    margin-left: 0;
                    margin-bottom: 40px;
                    text-align: center;
                    h4 {
                    }
                    .item {
                    }
                }
                .explain-left {
                }
            }
        }
        .About-us-needyou {
            .needyou-explain {
                .explain-button {
                    input {
                    }
                }
            }
        }
    }
    .fixbox{
        .retop,.rehome{
            a{
            }
        }
        .retop{
        }
    }
}